<template>
  <div class="icon-text">
    <component :is="icon" class="icon" />
    <span class="text">{{ text }}</span>
  </div>
</template>

<script setup lang="ts">
const props = defineProps<{
  icon: any
  text: string
}>()
</script>

<style scoped>
.icon-text {
  display: flex;
  align-items: center;
}

.icon {
  width: 40px;
  height: 40px;
  margin-right: 5px; /* 调整图标与文本的间距 */
}

.text {
  font-size: 14px;
}
</style>
